
//不同商圈的住房数量

function echarts_9(data) {




    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('echart9'));

    var xAxisData = [];
    var data1 = [];

    for (var i = 0; i < data.length; i++) {
        xAxisData.push(data[i].area);
        data1[i]  = data [i].areaNumber;
       
    }


    option = {
        // title: {
        //     text: '柱状图动画延迟'
        // },
        legend: {
            data: ['住房数量']
        },
        toolbox: {
            // y: 'bottom',
            feature: {
                magicType: {
                    type: ['住房数量']
                },
                dataView: {},
                saveAsImage: {
                    pixelRatio: 2
                }
            }
        },
        tooltip: {},
        xAxis: {
            data: xAxisData,
            axisLabel: {
                show: true,
                textStyle: {
                  color: '#fff'   //这里用参数代替了
                }
              },

        },
        yAxis: {
            axisLabel: {
                show: true,
                textStyle: {
                  color: '#fff'  //这里用参数代替了
                }
              },
        },
        series: [{
            name: '住房数量',
            type: 'bar',
            data: data1,
            emphasis: {
                focus: 'series'
            },
            animationDelay: function (idx) {
                return idx * 10;
            }
        }],
        animationEasing: 'elasticOut',
        animationDelayUpdate: function (idx) {
            return idx * 5;
        }
    };




    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
    window.addEventListener("resize", function () {
        myChart.resize();
    });


}